<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>websocket</title>
<link rel="stylesheet" href="./layui/css/layui.css">
<link rel="stylesheet" href="./css/webSocket.css">
<script type="text/javascript" src="./plugin/jquery-1.12.4.min.js"></script>
<script type="text/javascript" src="./plugin/layui/layui.all.js"></script>
<script type="text/javascript" src="./js/webSocket.js"></script>

</head>
<!-- <body onload="init()"> -->
<body>
	<input type="hidden" id="userInfo">
	<div class="room">
		<div class="head"></div>
		<div class="content">
			<div class="leftUsers">
				<div><span class="Chat">Chat</span></div>
				<div></div>
				<div  class="userList" id="userList">
					<div class="layui-row user">
						<div class="layui-col-xs3">
							<div>name</div>							
						</div>
						<div class="layui-col-xs6">
							<div>hi fucker</div>
						</div>
						<div class="layui-col-xs3">
							<div>time</div>
						</div>
					</div>
				</div>
			</div>
			<div class="rightContent">
				<div class="messageHead">
					<span>john</span>
				</div>
				<div class="message" id="messageDiv"></div>
				<div class="bottom">
					<input type="text" class="sendData" id="sendData" placeholder="wirte something" autocomplete="off">
					<button class="sendBtn" onclick="send()">send</button>
				</div>
			</div>
		</div>
	</div>
</body>
</html>